<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>商品详细</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>

<div class="container-fluid">

    <div class="app-title">
        <div>
            <h1><i class="fa fa-circle-o"></i> 商品详细</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><a href="welcome.html">首页</a></li>
            <li class="breadcrumb-item"><a href="goods_list.html">商品管理</a></li>
            <li class="breadcrumb-item active">商品详细</li>
        </ul>
    </div>

    <div class="tile">

        <p>商品信息</p>

        <table class="table table-bordered">
            <tr>
                <td rowspan="5" class="tlabel" width="25%"><img src="images/goods/product1_1.png" width="100%"></td>
            </tr>
            <tr>
                <td class="tlabel">商品名称</td>
                <td>衣品天成短袖</td>
                <td class="tlabel">用户名</td>
                <td>蛋蛋</td>
            </tr>
            <tr>
                <td class="tlabel">详细描述</td>
                <td>刚入手不久全新</td>
                <td class="tlabel">上架时间</td>
                <td>2018-04-26 14:49:07</td>
            </tr>
            <tr>
                <td class="tlabel">现价</td>
                <td>119</td>
                <td class="tlabel">原价</td>
                <td>49</td>
            </tr>
            <tr>
                <td class="tlabel">所属学校</td>
                <td>广西大学</td>

            </tr>
        </table>

        <p>商品菜品详情</p>

        <table class="table">
            <thead>
            <tr>
                <th>标题</th>
                <th>图片</th>
                <th>单价</th>
                <th>数量</th>
                <th>总价</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>黄焖鸡</td>
                <td><img src="images/dishes01.jpg" height="20" alt></td>
                <td>13</td>
                <td>1</td>
                <td>13</td>
            </tr>
            <tr>
                <td>土豆焖鸡</td>
                <td><img src="images/dishes02.jpg" height="20" alt></td>
                <td>15</td>
                <td>1</td>
                <td>15</td>
            </tr>
            <tr>
                <td>青椒牛肉</td>
                <td><img src="images/dishes03.jpg" height="20" alt></td>
                <td>18</td>
                <td>1</td>
                <td>18</td>
            </tr>
            </tbody>
        </table>

        <br>

        <div class="text-center">
            <a class="btn btn-outline-primary" href="javascript:history.back()">
                <i class="fa fa-fw fa-lg fa-rotate-left"></i>返回
            </a>
        </div>

    </div>
    <!-- /.tile -->
</div>
<!-- /.container-fluid -->

<!-- Essential javascripts for application to work-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Page specific javascripts-->

</body>
</html>